<template>
  <div class="page" flex flex-col flex-items-stretch flex-justify-center>
    <cover-video src="http://mvod.nntv.cn/video4/transcode/2025/0827/xwyb-Gx89KdsN-g.mp4"></cover-video>
    <div class="inner" flex flex-col flex-items-center flex-justify-center>
      <img src="@/assets/images/boat.png" alt="">
      <van-button type="primary" to="/about">开启旅程</van-button>
    </div>
  </div>
</template>

<script lang="ts" setup name="home">
import CoverVideo from '@/components/cover-video/index.vue'
</script>

<style scoped lang="scss">
.page {
  position: relative;
  video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .inner {
    position: relative;
    z-index: 1;
    color: #fff;
    img {
      width: 300px;
    }
  }
}
</style>
